@charset "utf-8";

@import "../_fontsize.scss";
@import "_common.scss";

section {
    position: absolute;
    top: r(88);
    width: 100%;
    bottom: r(0);
    overflow: scroll;
    background: #FFFFFF;
    
    .copy-imformation{
        width: 100%;
        height: 100%;
        background-image: url(../../img/begin/begin-logo.png);
        background-repeat: no-repeat;
        background-position:r(155) r(148);
        background-size: r(330);
//      z-index: 99;
        position: relative;
         p{font-size: r(26);text-align: center;
        width: 100%;
        height: r(50);
        margin-top: r(480);
        color: #000000;position: absolute;}
            }

   
    .state-text{
        width: 95%;
        margin: 0 auto;
        p{color: #666666;font-size: r(22);line-height: r(40);
            margin-top: r(20);
        i{color: #000000;font-style: normal;}
        }
        b{font-weight:500;font-size: r(22);color:#000000;margin-top: r(30);}
    
        span{font-size: r(22);
        line-height:r(10);color: #666666;}}
        .setting-content{
            width:100%;
            height: r(134);
            margin: 0 auto;
            background: #FFFFFF;
            border-bottom: 1px solid #E1E2E4; 
            .setting-content-text{
                width: 95%;
                height: 100%;
                margin: 0 auto;
//              line-height: r(134);
                position: relative;
                padding-top: r(30);
               p.one{font-size: r(30);
                      text-align:left;color: #000000;} 
               p.two{font-size: r(20);
               text-align: left;
                color: #666666;}
                i{display: block;width:r(16);height: r(28);
                position: absolute;top: r(40);
                right: r(0);
                img{width: 100%;height: 100%;}}
            }
       }
    
        .notice-content{
            width: 100%;
            height: r(132);
            border-bottom: 1px solid #DFDFDD;
            .notice-content-text{
               width: 90%;
               height: 100%;
               margin: 0 auto;
               padding-top: r(20);
               line-height: r(50);
               h4{font-size: r(24);color: #000000;
               text-align: center;font-weight: 500;
               }
               p{color: #666666;font-size: r(24);text-align: center;} 
            }
        }
            .notice-article{
                width: 100%;
                height: r(596);
                border-bottom: 1px solid #DFDFDD;
            .notice-article-text{
               width: 90%;
               height: 100%;
               margin: 0 auto;
               h5{font-size: r(28);
               margin-top: r(20);
               color:#333333;
               padding-top: r(30);
               font-weight: 500;}
               
               p{padding-top:r(30) ;
               font-size: r(24);color: #000000;
               letter-spacing: r(1);
               }
               h6{font-size: r(30);color: #000000;text-align: right;
               padding-top: r(30);font-weight: 500;
               }
              
            }
        }
}